@import "../../../assets/style/global.scss";

.order-content{
  width: 80%;
  height: 100%;
  .order-title {
    height: 60px;
    .order-col{
      text-align: center;
    }
  }
  .order-row {
    height: 200px;
    background: $sideBgColor;
    margin-bottom: 20px;
    .order-col{
      text-align: center;
      height: 30px;
      line-height: 30px;
      .order-name{
        display: inline-block;
        width: 22px;
        height: 30px;
        vertical-align:middle;
        background: url(./images/app.png) center no-repeat;
      }
    }
    .edit{
      color: $blueLight;
      cursor: pointer;
      // &:hover {
      //   color: red;
      // }
    }
  }

}

.ant-modal-title{
  text-align: center;
}
.order-list-row-col {
  cursor: pointer;
  .order-edit{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 10px;
    height: 16px;
    background: url(./images/edit.png) center no-repeat;
  }
  .delete {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(./images/delete.svg) center no-repeat;
  }
}
